<!DOCTYPE html>
<html>
<header>
    <meta charset="UTF-8">
    <script>
        // document.writeln("hello world");
        var x = new Number(321)
        document.write("数字对象x的类型：" + x.valueOf() + "<br/>");
        var str1 = new String("HAHA");
        var str2 = new String(" OK");
        // var str3 = str1 + str2
        var str3 = str1.concat(str2)
        document.write("字符串连接:" + str3 + "<br>")

        var array = new Array(1,2,3,4,5,6);
        document.write("当前数组是：" + array + " 长度：" + array.length + "<br>")

        var array2 = new Array(3,3,3,4,6,7,7,8,9,8,0,10);
        function p(s){
            document.write("数组值：" + array2);
            document.write("<br>");
        }
        function filter(temp) {
            var reslut = new Array();
            
        }
        p(array2);
        var arrray3 = array2.sort();
        p(arrray3);

        var today = new Date();
        

    </script>
    <script src="hello.mjs"></script>
    <style>
        input {
            width: 50px;
        }
        
    </style>
    <link rel="stylesheet" href="hello.css">
</header>

<body>
    <p>--------------------------------------------------------</p>
    <button onclick="document.getElementById('text').style.display='none'">隐藏文本</button>
    <button onclick="document.getElementById('text').style.display='block'">显示文本</button>
    <p id="text">这个是一段可以被javascript隐藏的文本</p>
    <p>--------------------------------------------------------</p>

    <input type="text" id="num1"> + <input type="text" id="num2">
    = <input type="text" id="result">
    <input type="button" value="运算" onclick="get()">
    <p>--------------------------------------------------------</p>
    <span>地名：</span><input type="text" name="" id="placeName">
    <span>公司类型：</span><input type="text" name="" id="companyType">
    <br>
    <span>公司名称：</span><input type="text" name="" id="companyName">
    <span>老板姓名：</span><input type="text" name="" id="bossName">
    <br>
    <div id="bottom">
        <input type="button" value="生成" id="submitBtn" onclick="result()">
        <br>
        <textarea name="" id="huanghelou" ></textarea>
    </div>
    <p>--------------------------------------------------------</p>
    <button id="popup" onclick="showAlert()">点我一下弹窗交互</button>
    <button id="popup" onclick="whickWeekday()">今天是星期几呢？</button>
    <p>--------------------------------------------------------</p>
    <table id="fulijisuan">
        <tr>
            <td>起始资金</td>
            <td><input type="text" name="" id="qishizijin" class="fuliinput"> ¥</td>
        </tr>
        <tr>
            <td>每年收益</td>
            <td><input type="text" name="" id="meinianshouyi" class="fuliinput"> %</td>
        </tr>
        <tr>
            <td>复利年数</td>
            <td><input type="text" name="" id="fulinianshu" class="fuliinput"> 年</td>
        </tr>
        <tr>
            <td>每年追加资金</td>
            <td><input type="text" name="" id="meinianzhuijiazijin" class="fuliinput"> ¥</td>
        </tr>
        <tr>
            <td colspan="2" align="center"><button id="jisuan" style="width: 80px;" onclick="calculateFuli()">计算</button></td>
        </tr>
        <tr>
            <td>本金和</td>
            <td><input type="text" name="" id="benjinhe" class="fuliinput"  disabled="disabled"> ¥</td>
        </tr>
        <tr>
            <td>利息和</td>
            <td><input type="text" name="" id="lixihe" class="fuliinput" disabled="disabled"> ¥</td>
        </tr>
        <tr>
            <td>本息和</td>
            <td><input type="text" name="" id="benxihe" class="fuliinput"  disabled="disabled"> ¥</td>
        </tr>
    </table>
    <p>--------------------------------------------------------</p>
    <div>
        <span style="width: 100px;border: 0px;">源字符串：</span><textarea name="" id="yuanzifucuan" style="width: 100px;height: 30px;"></textarea>
        <br>
        <span style="width: 100px;border: 0px;">查询：</span><input type="text" name="" id="chaxun" style="width: 100px;">
        <br>
        <span style="width: 100px;border: 0px;">替换为：</span><input type="text" name="" id="tihuanwei" style="width: 100px;">
        <br>
        <span style="width: 100px;border: 0px;">替换结果：</span><textarea name="" id="tihuanjieguo" style="width: 100px;height: 30px;"></textarea>
        <br>
        <input type="button" value="替换" onclick="replaceString()">
    </div>
    <p>--------------------------------------------------------</p>
    

</body>

</html>